.chart-container{width:100%;height:100%;position:relative}.chart-container .activity-container{position:absolute;top:0;left:0;width:100%;height:100%;padding-top:66px;overflow:hidden}.chart-container .activity-container .activity-list{position:absolute;top:66px}.chart-container .activity-container .activity-list .activity{line-height:22px}.chart-container .activity-container .activity-list .activity .legend{display:inline-block;width:8px;height:4px;margin-top:-3px;background-color:#c0cbe3;margin-right:4px;vertical-align:middle}.chart-container .activity-container.activity-month .activity-list .activity{padding-right:10px}.chart-container .activity-container .activity-name{font-family:PingFangSC;font-weight:400;font-size:12px;color:rgba(0,0,0,.45);text-align:center;line-height:16px}.chart-container .activity-container.activity-compareRange .activity,.chart-container .activity-container.activity-day .activity{position:absolute}.chart-container .activity-container.activity-compareRange .activity .activity-name,.chart-container .activity-container.activity-day .activity .activity-name{font-family:PingFangSC;font-weight:400;font-size:12px;color:rgba(0,0,0,.45);text-align:center;line-height:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chart-container .activity-container.activity-compareRange .activity .activity-bar,.chart-container .activity-container.activity-day .activity .activity-bar{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:100%;height:16px;border-radius:4px}.chart-container .activity-container .text-overflow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}